<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 小陈同学
  Date: 2020/12/21
  Time: 21:22
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>云淘界系统</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
<!-- 头部盒子 -->
<div class="header w">
  <div class="logo">
    <img src="images/logo.jpg" alt="">
  </div>
  <div class="nav">
    <ul>
      <li><a href="index.jsp" class="a1">首页</a></li>
      <li><a href="electapp.jsp">家电类</a></li>
      <li><a href="clothes.jsp" >衣物类</a></li>
      <li><a href="food.jsp">食品类</a></li>
      <li><a href="medicine.jsp">医药类</a></li>
      <li><a href="news.jsp">新闻中心</a></li>
      <li><a href="email.jsp">邮件反馈</a></li>
      <li><a href="reback.jsp">联系我们</a></li>

    </ul>
  </div>
  <!-- 搜索模块 -->
<%--  <div class="search">--%>
<%--    <input type="text" value="    输入关键词">--%>
<%--    <button></button>--%>
<%--  </div>--%>
  <!-- user模块 -->
  <li class="right">
    <p class="login-register">
      <!--用session实现用户登录后的状态显示-->
      <c:if test="${username!=null}">
        ${username}
        </br>
        <a href="/_war_exploded/two">购物车</a>
      </c:if>
      <c:if test="${username==null}">
        <a href="login.jsp">登录</a>&nbsp;&nbsp;
      </br>
        <a href="Register.jsp">注册</a>
        </br>
        <a href="/_war_exploded/two">购物车</a>
      </c:if>

    </p>
  </li>
</div>

<!-- banner -->

  <!-- 版心 -->
  <div class="w">
    <!--轮播图-->
    <div class="banner" style="background: url(images/head2.jpg)">
      <ul class="i" >
      </ul>
    </div>
<%--<div class="main">--%>
<%--  <div class="banner3">--%>
<%--    <ul class="slide" >--%>
<%--      <a href="#"><img src="images/banner1.png" /></a>--%>
<%--      <a href="#"><img src="images/clothes.jpg" /></a>--%>
<%--      <a href="#"><img src="images/dt.png" /></a>--%>
<%--      <p class="ctrl" id="Ctrl">--%>
<%--        <span class="currt"></span>--%>
<%--        <span></span>--%>
<%--        <span></span>--%>
<%--      </p>--%>
<%--    </ul>--%>
<%--  </div>--%>
<%--</div>--%>
<%--    <div class="course">--%>
<%--              <span>--%>
<%--                <div class="one">浏览更多</div>--%>
<%--                <div class="two">热门</div>--%>
<%--              </span>--%>
<%--      <span class="three"><img src="images/箭头.jpg" alt=""></span>--%>
<%--    </div>--%>
  </div>

<!-- 精品推荐模块 -->
<div class="goods w">
  <h3>您的搜索习惯</h3>
  <ul>
    <li><a href="#">羽绒服</a></li>
    <li><a href="#">零食大礼包</a></li>
    <li><a href="#">智能电视X</a></li>
    <li><a href="#">智能手表 Color运动版</a></li>
    <li><a href="#">感冒灵</a></li>
  </ul>
  <a href="#" class="mod">隐藏该栏</a>
</div>

<!-- 商品模块 -->

<!-- 尾部footer -->
<div class="footer ">
  <div class="w">
    <div class="copyright">
      <img src="images/logo.jpg" alt="">
    </div>
    <div class="links">
      <dl>
        <dt>帮助中心</dt>
        <dd><a href="login.jsp">用户登录</a></dd>
        <dd><a href="Register.jsp">用户注册</a></dd>
      </dl>
      <dl>
        <dt>网站介绍</dt>
        <dd><a>本网站以网上购物为中心，分别设置四大类商品进行出售。配有新闻界面可以了解时事政治。邮件联系可以发送邮件给我们以提出宝贵的建议</a></dd>

      </dl>
    </div>
  </div>
</div>
</body>
</html>